<template>
	<view>
		<view class="container">
			<header-view type="second" leftShow rightShow>新闻</header-view>
			<view class="content">
				<view class="list">
				  <view class="text">
					台泥(1101-TW)今(24) 日宣布，旗下台泥储能在花违建置全台最大的
				  </view>
				  <view class="time">15:14</view>
				</view>	
				<view class="img">
					<image src="https://cimg.cnyes.cool/prod/news/5390707/xxl/c4afa44a95fd33c6bed08df055c29ae7.jpg" mode=""></image>
				</view>
			    <view class="detailtext">
			    	台泥(1101-TW)今(24) 日宣布，旗下台泥储能在花违建置全台最大的 
					100MW E-dReg 储能系统，已经全容量通通台雷孰行能力测就，将於 12 
					月1日在台雷雷力交易平台以 100MW 正式商曹上缘，预估一年可创造 10 亿元收益。
				
				 <view class="">
				  	目前台泥在台雷雷力交易平台上，包括自建案场及场助客户代操整交易容量逵 169.2MW，
					市估率近 2 成，全台第一。台泥储能在花通尚有 50MW E-dReg、宜 35MWE-dReg
					 的储能案塌，预今年年底至明年初完成件，明年全数上缘
				  </view> 	
					
			    </view>
			</view>
		</view>		
	</view>
			
			
</template>

<script>
	import headerView from "@/components/headerView/index.vue"
	import { noticeDetailApi } from "@/api/api.js"
	export default {
		components: {
			headerView
		},
		data() {
			return {
				
				//noticeList:[],
				noticeDetail:[],
			};
		},
		mounted() {
			//this.getNoticeList()
			this.getNoticeDeatil()
		},
		methods: {
			/* getNoticeList(){
				
			} */			
			getNoticeDeatil(){
				noticeDetailApi().then(res=>{
					this.noticeDetail=res.data.data
					console.log(res.data.data,"公告详情>>>>>>")
				})				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		overflow: auto;
	}
	.content{
		width: 100%;
		height: 210rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		.list{
			.text{
				width: 100%;
				color: white;
				margin-top: 30rpx;
				font-size: 18px;
				font-weight: 600;
				
			}

			.time{
				color: lightgray;
				font-size: 15px;
				margin-top: 30rpx;
			}
		}
		
		.img{
			width: 100%;
			border-radius: 20rpx;
			margin-top: 50rpx;
			image{
			 width: 100%;
			 border-radius: 20rpx;
			}
		}
		.detailtext{
			width: 100%;
			//background-color: antiquewhite;
			color:white;
			margin-top: 20rpx;
			line-height: 25px;
		}
	}
</style>
